<template>
  <div>
    <top-label v-model="index">
      <span :slot="0">案例警示</span>
      <span :slot="1">安全知识</span>
      <span :slot="2">在线教育</span>
    </top-label>
    <el-row>
      <adaptation-plan v-if="index === 0"></adaptation-plan>
      <safety-margin v-if="index === 1"></safety-margin>
      <online-education v-if="index === 2"></online-education>
    </el-row>
  </div>
</template>

<script>
import TopLabel from "../../components/TopLabel";
import OnlineEducation from "./information-release/OnlineEducation";
import SafetyMargin from "./information-release/SafetyMargin";
import AdaptationPlan from "~/views/system-management/information-release/AdaptationPlan";
export default {
  name: "SystemManagement",
  components: {
    AdaptationPlan,
    TopLabel,
    OnlineEducation,
    SafetyMargin,
  },
  data() {
    return {
      index: 0,
    };
  },
  mounted() {
    this.$common.treeVisible = false;
  },
};
</script>

<style scoped>
.row {
  margin-left: 0.075rem;
}
</style>
